@extends('mobile.template.simple_bootstrap')
@section('title', $section->name)
@section('scripts')
<link rel="stylesheet" href="{{ asset('css/mobile-page.css') }}" />
@endsection
@section('content')

<section class="content">
	<h4 class="title text-center"><b>{{ $section->name }}</b></h4>
	<div class="text">{!! $section->content !!}</div>
</section>
<section class="ctrl">
	<div class="btn-container">
		<a href="{{ url('/mobile/books/'.$book->id.'/sections/'.$section->preSection()) }}" class="btn btn-default">
			<span class="fa fa-fw fa-step-backward"></span>
			上一章
		</a>
		<a href="{{ url('/mobile/books/'.$book->id.'/sections') }}" class="btn btn-default btn-menu">
			<span class="fa fa-fw fa-list-ul"></span>
			目录
		</a>
		<a href="{{ url('/mobile/books/'.$book->id.'/sections/'.$section->nextSection()) }}" class="btn btn-success btn-block" style="color:#FFF;">
			下一章
			<span class="fa fa-fw fa-step-forward"></span>
		</a>
	</div>
</section>

@endsection
